<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
        jQuery().ready(function($) {
			// var host = location.protocol + '//' + location.host;
			// $.getJSON('/rsprpc', function(list) {
				// var div = $('#content');
				// $.each(list, function(index, data) {
					// $('<ul>').appendTo(div)
						// .append($('<li>').text(data.id))
						// .append($('<li>').text(data.value));
				// });
			// });
			// $("#load").click(function(){
				// $.post("/rsprpc", {service: "net.rsp.dao.TabDao", method: "saveTab", parameters: [{}] },
					// function(data){
						// $.each(data, function(index, item) {
						// $('<ul>').appendTo($('#content'))
							// .append($('<li>').text(item.id))
							// .append($('<li>').text(item.value));
						// });
					// }, "json");
			// });
			// data = {
				// service: "net.rsp.dao.TabDao",
				// method: "saveTab",
				// parameters: [{"name","content"}]
			// }
			$.ajax({  
				url: "/rsprpc",
				type: "POST",
				dataType: "json",
				// timeout: 2000,
				data: {json: JSON.stringify({
					service: "net.rsp.dao.TabDao",
					method: "addTab",
					parameters: ["name","content", "dsd", "ddd"]
				})},
				success: function(result){              
					$.each(result, function(index, item) {
						$('<ul>').appendTo($('#content'))
							.append($('<li>').text(item.id))
							.append($('<li>').text(item.value));
					});
				},  
				error: function(xhr, ajaxOptions, thrownError){  
					alert("fail");  
				}  
			});  
        });
    </script>
</head>
<body>
	<div id="input"><a id="load">Load Tabs</a></div>
    <div id="content">
    </div>
</body>
</html>